<template>
  <div id="app">
    <Card :stus="stus" />
    <div class="addBtn">
      <el-button size="large" type="primary" @click="openDrawer">123</el-button>
    </div>
    <el-drawer v-model="abc" title="I am the title" :with-header="false" v-if="$store.state.showDrawer">
      <AdddPage v-model="form"></AdddPage>
    </el-drawer>
  </div>
</template>
<script setup>
import AdddPage from "./components/AdddPage.vue";
import Card from "./components/CardPage.vue";
import { ref } from "vue";
import { useStore } from "vuex";

// 控制drawer显示
const store = useStore()
const state = store.state
const openDrawer = function () {
  store.commit('changeT')
}
const stus = ref(store.state.stus)
//
const sexList = ref([{ label: '男', value: '女', }, { label: '女', value: '女', }]);
const abc = true
const ab = false


</script>
<style></style>;